<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang"ja" lang="ja">
<head>
    <title>作業時間管理 on GAE | Login</title>
    <link type="text/css" rel="stylesheet" href="/stylesheets/default.css"/>
    <link type="text/css" rel="stylesheet" href="/stylesheets/alert.css"/>
    <link type="text/css" rel="stylesheet" href="/stylesheets/alphacube.css"/>    
    <script type="text/javascript" src="/scripts/prototype.js"> </script>
    <script type="text/javascript" src="/scripts/effects.js"> </script>
    <script type="text/javascript" src="/scripts/window.js"> </script>
    <script type="text/javascript" src="/scripts/window_effects.js"> </script>
    <script type="text/javascript" src="/scripts/debug.js"> </script>
	<!-- mfkd libraly //-->        
    <link type="text/css" rel="stylesheet" href="/stylesheets/login.css"/>
	<script type="text/javascript" src="/scripts/mfkd.js"></script> 
	<script type="text/javascript">     
		window.onload = function() {
			Focus.Index = {userid:"passwd", passwd:"enter"};
		    //
		    $("userid").onfocus    = function() { Focus.GotFocus(this);};
		    $("userid").onblur     = function() { Focus.LostFocus(this); };
		    $("userid").value = "";    
		    $("userid").focus();
		    //
		    $("passwd").onfocus    = function() { Focus.GotFocus(this);};
		    $("passwd").onblur     = function() { Focus.LostFocus(this); };
		    $("passwd").value = "";    
		}
		function keypress(event, id) {
	        // ｷｰの取得
	        if (event.keyCode != 0) { key = event.keyCode; }
	        else { key = event.charCode; }
	        
	        if (id == "userid" || id == "passwd") { Validator.Validation($(id), key, {"NotEmpty":""}); }
		};
		function check() {
			var err = "";

			err = Validator.NotEmpty($("userid").value);
			if (err != "") {
				Validator.ShowAlert($("userid"), err);
				return false;
			};
			err = Validator.NotEmpty($("passwd").value);
			if (err != "") {
				Validator.ShowAlert($("passwd"), err);
				return false;
			};
			document.myform.submit();
		}
	</script> 
</head>
<body>
	<div class="login">
		<p class="title">作業時間管理 on GAE ログイン</p>
	    <form name="myform" action="/Login" method="post">
	    	<table class="login">
	    		<tr>
		    		<td>Ｅメールアドレス：</td>
	    			<td class="input">
	    				<input type="text" id="userid" name="userid" onkeypress="keypress(event, 'userid');" />
	    			</td>
	    		</tr>
	    		<tr>
		    		<td>パスワード：</td>
	    			<td class="input">
	    				<input type="password" id="passwd" name="passwd" onkeypress="keypress(event, 'passwd');" />
	    			</td>
	    		</tr>
	    		<tr>
		    		<td></td>
	    			<td><input id="enter" type="button" value="Login" onclick="check()"/><input type="reset" id="reset" value="リセット"/></td>
	    		</tr>
	    	</table>
			<br />
	    </form>
		<br />
		<p><a href="javascript:registration();">ユーザ登録はこちら</a></p>
		<script type="text/javascript">     
		function registration() {
			var win = new Window({className: "alphacube",
								  title: "作業時間管理 on GAE | ユーザ登録",
								  width:500,
								  height:360, 
			                      url: "/Registration"})
			win.showCenter(true);
		} 		
		</script>
	</div>
	<br />		    
	<p>とりあえずＥメールアドレス、パスワードは"test"が登録してあります。</p>
	<br />
	   	<p><a href="http://www.ubuntulinux.jp/">Linux</a>版の<a href="http://www.google.co.jp/chrome">Google Chorme</a>、<a href="http://mozilla.jp/firefox/">Firefox3.6.8</a>で確認をしています。</p>
   	<p>他のブラウザ使用時にJavaScriptエラーが出るようでしたら連絡ください。</p> 
	<br />
	<div class="footer">
		<p>Created by <a href="http://www.mfkd.info/">Mfkd</a>2010/08/12(<a href="http://code.google.com/p/workingtimeinput/">Ver:0.2.0 beta-1</a>)</p>
	<div>
</body>
</html>
</body>
</html>
